Image Browse Button

[shapper]

Hello,

Is there a way to make the browse button an image?

Thanks,
Miguel

[Beauregard T. Shagnasty]

shapper wrote:

Is there a way to make the browse button an image?

What browse button would that be?

Do you have a URL to something relevant?

--
-bts
-Motorcycles defy gravity; cars just suck

[Steve Swift]

shapper wrote:

Is there a way to make the browse button an image?

Two easy ways:

<INPUT TYPE=IMAGE SRC=smiley.gif onClick="alert('Ouch! My nose!')">
<P>
<BUTTON onClick="alert('You clicked the button')">Click: <IMG
SRC=/smiley.gif></BUTTON>

They both have drawbacks, if you plan to submit the form, and not just
use onClick events as I have above:

1. The <INPUT TYPE=TEXTgenerates X and Y co-ordinates within the
image. Whatever handles the form has to know what to do with these
2. The <BUTTONsends some very non-standard form data if the browser is
Internet Explorer. Easier to rely only on the NAME of the button
(which I didn't include above).

You can see this page working at http://swiftys.org.uk/image.html

--
Steve Swift
http://www.swiftys.org.uk/swifty.html
http://www.ringers.org.uk

[Ben Bacarisse]

Steve Swift <St***********@gmail.comwrites:

shapper wrote:

>Is there a way to make the browse button an image?

Two easy ways:

<INPUT TYPE=IMAGE SRC=smiley.gif onClick="alert('Ouch! My nose!')">
<P>
<BUTTON onClick="alert('You clicked the button')">Click: <IMG
SRC=/smiley.gif></BUTTON>

I think the OP wants to know how to style the button that often
accompanies <input type=file>.

I don't have an answer since I prefer to leave controls as they are to
aid in recognition, but I can help clarify the objective.

--
Ben.

[Rik]

On Sun, 26 Aug 2007 02:42:35 +0200, Ben Bacarisse <be********@bsb.me.uk>
wrote:

Steve Swift <St***********@gmail.comwrites:

>shapper wrote:

>>Is there a way to make the browse button an image?

Two easy ways:

<INPUT TYPE=IMAGE SRC=smiley.gif onClick="alert('Ouch! My nose!')">
<P>
<BUTTON onClick="alert('You clicked the button')">Click: <IMG
SRC=/smiley.gif></BUTTON>

I think the OP wants to know how to style the button that often
accompanies <input type=file>.

If that's the question: no, it cannot be done. You cannot style the
'browse' button reliably.
--
Rik Wasmus

[shapper]

On Aug 26, 3:50 am, Rik <[e-mail]:

On Sun, 26 Aug 2007 02:42:35 +0200, Ben Bacarisse <[e-mail]>
wrote:

Steve Swift <[e-mail]:

shapper wrote:
Is there a way to make the browse button an image?

Two easy ways:

<INPUT TYPE=IMAGE SRC=smiley.gif onClick="alert('Ouch! My nose!')">
<P>
<BUTTON onClick="alert('You clicked the button')">Click: <IMG
SRC=/smiley.gif></BUTTON>

I think the OP wants to know how to style the button that often
accompanies <input type=file>.

If that's the question: no, it cannot be done. You cannot style the
'browse' button reliably.
--
Rik Wasmus

Yes, I want to style the button that accompanies <input type=file>.

I have seen this one or twice and it seemed to work fine ...

Any idea?

Thanks,
Miguel

[shapper]

On Aug 26, 3:50 am, Rik <[e-mail]:

On Sun, 26 Aug 2007 02:42:35 +0200, Ben Bacarisse <[e-mail]>
wrote:

Steve Swift <[e-mail]:

shapper wrote:
Is there a way to make the browse button an image?

Two easy ways:

<INPUT TYPE=IMAGE SRC=smiley.gif onClick="alert('Ouch! My nose!')">
<P>
<BUTTON onClick="alert('You clicked the button')">Click: <IMG
SRC=/smiley.gif></BUTTON>

I think the OP wants to know how to style the button that often
accompanies <input type=file>.

If that's the question: no, it cannot be done. You cannot style the
'browse' button reliably.
--
Rik Wasmus

Hi,

Here is an ASP.NET control that does just that:

http://www.telerik.com/demos/aspnet/...DefaultCS.aspx

A few demos:
http://www.telerik.com/demos/aspnet/...DefaultCS.aspx
http://www.telerik.com/demos/aspnet/...DefaultCS.aspx

This seems to work fine.

How is this done? Any idea?

Thanks,
Miguel

[Michael Fesser]

..oO(shapper)

>Yes, I want to style the button that accompanies <input type=file>.

There's no reliable way to do that.

>I have seen this one or twice and it seemed to work fine ...

Most likely an ugly JavaScript hack.

Micha

[rf]

"shapper" <md*****@gmail.comwrote in message
news:11**********************@k79g2000hse.googlegr oups.com...

On Aug 26, 3:50 am, Rik <[e-mail]:

>On Sun, 26 Aug 2007 02:42:35 +0200, Ben Bacarisse <[e-mail]>
wrote:

Steve Swift <[e-mail]:

>shapper wrote:
Is there a way to make the browse button an image?

>Two easy ways:

><INPUT TYPE=IMAGE SRC=smiley.gif onClick="alert('Ouch! My nose!')">
<P>
<BUTTON onClick="alert('You clicked the button')">Click: <IMG
SRC=/smiley.gif></BUTTON>

I think the OP wants to know how to style the button that often
accompanies <input type=file>.

If that's the question: no, it cannot be done. You cannot style the
'browse' button reliably.
--
Rik Wasmus

Hi,

Here is an ASP.NET control that does just that:

http://www.telerik.com/demos/aspnet/...DefaultCS.aspx

A few demos:
http://www.telerik.com/demos/aspnet/...DefaultCS.aspx
http://www.telerik.com/demos/aspnet/...DefaultCS.aspx

This seems to work fine.

Nope. They don't work fine.

How is this done? Any idea?

They are overlaying (z-index) a normal <input type=filewith an <input
type=textand an <input type=buttonand styling the button. They are not
styling the <input type=filebutton which is, of course, generated by the
browser.

I didn't research the javascript skulduggery that must be going on behind
the scenes.

--
Richard.

[Gregor Kofler]

shapper meinte:

Here is an ASP.NET control that does just that:

http://www.telerik.com/demos/aspnet/...DefaultCS.aspx

A few demos:
http://www.telerik.com/demos/aspnet/...DefaultCS.aspx
http://www.telerik.com/demos/aspnet/...DefaultCS.aspx

This seems to work fine.

How is this done? Any idea?

Get yourself some tools and find out yourself.
I'd suggest FireBug and DomInspector. It's easy. Really.

Gregor
--
http://www.gregorkofler.at ::: Landschafts- und Reisefotografie
http://www.licht-blick.at ::: Forum für Multivisionsvorträge
http://www.image2d.com ::: Bildagentur für den alpinen Raum